// import React from 'react';
// import {Layout, Menu, Input, Button, QRCode, Card, Row, Col, Avatar, Image, Space, Tag} from 'antd';
// import "./index.less"
// import Sider from "antd/es/layout/Sider";
// import Paragraph from "antd/es/skeleton/Paragraph";
// import {EditOutlined, EllipsisOutlined, SearchOutlined, SettingOutlined} from "@ant-design/icons";
// import Meta from "antd/es/card/Meta";
// import Search from "antd/es/input/Search";
// import type { GetProps } from 'antd';
// import Article from "@/components/Article/Article";
// import ArticlesList from "@/components/Article/Article";
//
// type SearchProps = GetProps<typeof Input.Search>;
// const { Header } = Layout;
//
// const HeplerPage: React.FC = () => {
//     const customInputStyle = {
//
//         whiteSpace: 'nowrap',
//         marginTop:16,
//         backgroundColor: '#f6f6f6', // 灰色底色
//         borderRadius: 30, // 边框圆角
//         border: '1px solid #d9d9d9', // 边框样式，可选
//     };
//     const onSearch: SearchProps['onSearch'] = (value, _e, info) => console.log(info?.source, value);
//     return (
//
//         <div  className="laoyu-page-container">
//             <Space className="header-wrapper" direction="vertical">
//                 <Header className="header ">
//                     <Menu  mode="horizontal" defaultSelectedKeys={['1']} >
//                         <Menu.Item key="1">推荐</Menu.Item>
//                         <Menu.Item key="2">简历</Menu.Item>
//                         <Menu.Item key="3">校招</Menu.Item>
//                         <Menu.Item key="4">社招</Menu.Item>
//                         <Menu.Item key="5">笔试</Menu.Item>
//                         <Menu.Item key="6">面试</Menu.Item>
//                         <Menu.Item key="7">经验</Menu.Item>
//                         <Menu.Item key="8">谈薪</Menu.Item>
//                         <Menu.Item key="9">跳槽</Menu.Item>
//                     </Menu>
//                     <div className="search-input">
//                         <Input
//                             size="middle"
//                             style={customInputStyle}
//                             suffix={<SearchOutlined />}
//                             onSearch={value => console.log(value)} // 保留onSearch来处理搜索
//                             // 移除额外的搜索按钮
//                         />
//                     </div>
//                 </Header>
//                 <div className="article-wrapper">
//                 </div>
//             </Space>
//             <div className="qrcode-wrapper" >
//                 <div className="qrcode-meta">
//                     <Image className="qrcode-avatar"
//                            src="https://pic.code-nav.cn/laoyujianli/post_cover/1767831191857635329/BCRNysKA-anne-nygard-KAx_Ok89I7Q-unsplash (2).jpg"
//                     />
//                     <Card style={{boxShadow:"none"}} bordered={false} hoverable={false} className="qrcode-detail">
//                         <Meta
//                             title="老鱼简历公众号"
//                             description="获取更多求职技巧、简历技巧、职场经验、最新动态"
//                         />
//                     </Card>
//                 </div>
//                 <Space direction="vertical"  className="qrcode-template">
//                     <Card className="qrcode-recommend" title="精选模板" extra={<a href="#">更多模板>></a>} >
//                         <div className="qrcode-recommend-list">
//                             {articles.map((article, index) => (
//                                 <Card className="qrcode-recommend-item"
//                                       cover={
//                                           <Image
//                                               className="qrcode-recommend-item-img"
//                                               alt="example"
//                                               src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
//                                           />
//                                       }
//                                 >
//                                     <Meta
//                                         title="Card title"
//                                         description={article.tags.map((tag, index) => (
//                                             <Tag key={index} color="blue">{tag}</Tag>
//                                         ))}
//                                     />
//                                 </Card>
//                             ))}
//                         </div>
//
//                     </Card>
//                 </Space>
//
//             </div>
//
//             {/* 其他页面内容 */}
//         </div>
//     );
// };
//
// export default PassagePage;
